{% extends 'users/profile-base.html' %}
{% load static %}
{% load tasks_tags %}
{% block title %}
    Изменение профиля
{% endblock title %}

{% block right_frame %}

    <div class="profile-frame__right">
        <div class="profile-change-frame glass">
            <a class="backBtn" href="{% url 'task:main' %}">
                <img src="{% static 'icons/back_btn.png' %}" alt=""/>
            </a>
            <div class="profile-change-frame__card">
                <form method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="profile-change-frame__card-item inp">
                        <label class="inputArea" for="display_name" class="form-label">Имя:</label>
                        {{ form.display_name }}
                    </div>
                    <div class="profile-change-frame__card-item inp">
                        <label class="inputArea" for="city" class="form-label">Город:</label>
                        {{ form.city }}
                    </div>
                    <div class="profile-change-frame__card-item inp">
                        <label class="inputArea" for="country" class="form-label">Страна:</label>
                        {{ form.country }}
                    </div>
                    <div class="profile-change-frame__card-item inp">
                        <label class="inputArea" for="about" class="form-label">О себе:</label>
                        {{ form.about }}
                    </div>
                    <div class="profile-change-frame__card-item">
                        <label class="inputArea" for="avatar" class="form-label">Аватар:</label>
                        {{ form.avatar }}
                    </div>
                    <div class="profile-change-frame__card-item">
                        <label class="inputArea" for="background_image" class="form-label">Заставка:</label>
                        {{ form.background_image }}
                        </div>
                    <div class="profile-change-frame__card-item">
                        <label class="inputArea" for="send_message" class="form-label">Присылать сообщения:</label>
                        {{ form.send_message }}
                    </div>
                    <div class="profile-change-frame__card-item">
                        <p class="dangerZoneActivate">Удаление аккаунта</p>
                        <div class="dangerZone hidden">
                            <a href="{% url "account:delete-user" user_id %}">Удалить аккаунт</a>
                        </div>
                    </div>
                    <button class="saveBtn" type="submit">Сохранить</button>
                </form>
            </div>
        </div>
    </div>

{% endblock right_frame %}
